@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position.banner:absolute;}
.pr{ position:relative;}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.links{ display:block!important;}

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;letter-spacing: 1px;}
.tit span{display:block;font-size: 43px;color: #333;line-height: 43px;font-weight: bold;}
.tit i{display:block;font-size: 22px;line-height:22px;color: #666666;margin-top: 14px;}


/*banner*/
.banner{height: 750px;position: relative;
    margin-top: 160px;}
.bdu{width: 100% !important;height: 800px;}
.bdu li{width: 100% !important;height: 800px;position:relative;}
.bdu li a{display: block;height: 800px;}
.bdu li img{height:800px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #fff;margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #de4131;}
.banner .b_prev{position:absolute;top:calc(45% - 40px);left: 0%;z-index: 10;cursor: pointer;opacity: 0;transition: all .35s linear;}
.banner .b_next{position:absolute;top:calc(45% - 40px);right: 0%;z-index: 10;cursor: pointer;opacity: 0;transition: all .25s linear;}
.banner:hover .b_prev{opacity: 1;left: 6%;}
.banner:hover .b_next{opacity: 1;right: 6%;}


.search{height: 60px;border-bottom: 1px solid #e7ebef;}
.search p{float: left;height: 60px;line-height: 60px;font-size: 14px;color: #999999;}
.search p b{ color: #999999;float: left;font-weight: normal;}
.search p a{ font-size:14px ;display: block;float: left;color: #999999;line-height: 60px;margin-right: 20px;transition:all 0.3s;}
.search p a:hover{ color:#de4131;}
.s_box{float: right;margin-top:13px;width: 355px;height: 35px;background: 0;border:1px solid #eeeeee;border-right: 0;}
.s_box .input1{float:left;width:293px;height:35px;line-height: 35px;font-size:14px;color:#333;border:0;outline: 0;padding-left: 20px;background: 0;}
.s_box .input2{float: left;width:42px;height: 35px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer;}

.yz{ margin-top: 100px;}
.yz_l{ float: left;width: 528px;height: 180px;}
.yz_l h2{ height: 75px;padding-left: 28px;border-left: 8px solid #de4131;font-weight: normal;}
.yz_l h2 span{display:block;font-size: 40px;color: #404040;line-height: 40px;}
.yz_l h2 i{display:block;font-size: 22px;line-height:22px;color: #666666;margin-top: 12px;}
.yz_l h3{ padding-left: 28px;font-size: 16px;color: #333333;line-height: 16px;padding-top: 72px;}
.yz_l h3 img{display: inline-block;width: 66px;height: 13px;margin-left: 20px;vertical-align: middle;}
.yz_r{ float: right;width: 672px;height: 180px;}

.yz_r li{ float: left;width: 321px;height: 180px;position: relative;}
.yz_r li:nth-child(2){ float: right;}
.yz_r li  i{ display: block;width: 321px;height: 180px;display:block;overflow:hidden;}
.yz_r li  img{ display: block;width: 321px;height: 180px;transition:all 0.5s;}
.yz_r li:hover img{ transform:scale(1.05);}
.yz_r li span{ position: absolute;height:46px;background:rgba(240,130,48,0.8);left: 0; bottom: 0;line-height: 46px;display: block;font-size: 20px;color: #fff;text-align: center;width: 100%;}
.yz_r li:nth-child(2) span{ background:rgba(0,166,182,0.8);}
.yz_t{margin-top: 80px;}
.yz_t li{float: left;box-sizing: border-box;padding: 0 74px;position: relative;transition:all 0.3s;}
.yz_t li:after{ position: absolute;right: 0;top: 26px;width: 1px;height: 50px;background: #d6d6d6;content: "";}

.yz_t li span{display: inline-block;height: 60px;line-height: 60px;font-size: 62px;color: #de4131;position: relative;vertical-align: bottom;font-family:Arial;margin-right: 10px;}
.yz_t li span i{position: absolute;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 18px;color: #fff;border-radius: 100%;background: #f08230;right: 7px;top: -7px;font-family: "Microsoft Yahei";}
.yz_t li span b{ font-size: 20px;color: #333333;line-height: 20px;font-weight: normal;}
.yz_t li p{display: block;font-size: 18px;line-height: 30px;color: #333;font-weight: bold;}
.yz_t li:nth-child(1){padding-left: 0;}
.yz_t li:nth-child(5){padding-right: 0;}
.yz_t li:nth-child(4) i{ right: 28px;}
.yz_t li:nth-child(5) i{ right: 28px;}
.yz_t li:nth-child(5):after{ background: 0;}
.yz_t li:hover{ margin-top: -3px;}

.pro{height: auto;box-sizing: border-box;padding-top: 68px;background: #ebebeb;}
.pro_con{ padding-top: 0px;
    padding-bottom: 87px;}
.pro_con .title{
    font-size: 16px;
    color: #7e7e7e;
}
.pro_con .title p{
    font-size: 36px;
    color: #363636;
    font-weight: bold;
}
.pro_con .proct{
    margin-top: 41px;
}
.pro_con .title p span{
    font-size: 16px;
    color: #7e7e7e;
}
.pro_con .probox .name{
    margin-top: 13px;
    font-size: 16px;
    color: #666666;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pro_con .probox{
    width: 284px;
    height: 430px;
    padding:23px;
    box-sizing: border-box;
    float: left;
    background: #fff;
}.abt_t li span{}
.pro_con .pro2bg{
    float: left;
    margin:0  20px;
}
.pro_con .probox .proimg img{
    width: 100%;
}
.pro1{ height: 652px;}
.pro1_l{ float: left;width: 675px;}
.pro1_l h2{ height: 35px;padding-left: 32px;border-left: 8px solid #de4131;font-weight: normal;font-size: 35px;color: #333333;line-height: 35px;display: block;}
.pro1_l h2 a{ color: #333;}
.pro1_l h3{ padding-left: 32px;font-weight: normal;font-size: 20px;color:#F08230;line-height: 30px;display: block;letter-spacing: 2px;padding-top: 20px;}
.pro1_l p a img{ display: block;width: 455px;height: 402px;padding-top: 35px;}
.pro1_r{ float: right;width: 525px;margin-top: 54px;}
.pro1_r li{ float: left;width:175px ;height: 160px;}
.pro1_r li i{ display: block;width: 78px;height: 64px;overflow: hidden;margin: 0px auto 0;}
.pro1_r li i img{ display: block;width: 78px;height: 64px;transition: all 0.4s;}
.pro1_r li.cur i img:nth-child(1),.pro1_r li:hover i img:nth-child(1){ margin-top: -64px;}
.pro1_r li em{ display: block;font-size:18px ;line-height:18px ;font-weight: bold;padding-top: 18px;text-align: center;color: #333;}
.pro1_r li:last-child b{ display:block;font-size: 20px;color: #333;line-height: 20px;text-align: center;padding-top: 38px;}
.pro1_r li:last-child span{ display:block;font-size: 22px;color: #333;line-height: 22px;text-align: center;padding-top: 20px;font-family: Arial;font-weight: bold;}
.pro1_r p{ width: 525px!important;height: 142px;padding-left: 32px;background: url(../images/pro1_dd.png) no-repeat center;box-sizing: border-box;}
.pro1_r p b{display:block;font-size: 30px;color: #fff;line-height: 30px;font-weight: bold;padding-top: 40px;}
.pro1_r p i{float:left;}
.pro1_r p img{ float: right;padding: 40px 40px 0 0px;}
.pro1_r p em{display:block;font-size: 16px;line-height:16px;color: #fff;margin-top: 18px;opacity: 0.8;}
.pro2{height: auto;}
.pro2_l{float: left;position: relative;width: 500px;height: 666px;background: url("../images/probg.jpg") center no-repeat;background-size: cover;}
.pro2_l img{ width: 500px;height: 666px;}
.pro2_l span{ display: block;position: absolute;left: 0; bottom: 0;height: 60px;line-height: 60px;background: rgba(0,0,0,0.7);width:100%;text-align: center;font-size: 18px;color: #FFFFFF;}
.pro2_r{ width: 100%;box-sizing: border-box;
    margin-top: 22px;}
.pro2_r h2{ height: 35px;padding-left: 32px;border-left: 8px solid #de4131;font-weight: normal;font-size: 35px;color: #333333;line-height: 35px;display: block;}
.pro2_r h2 a{ color: #333;}
.pro2_r .pro2_list{ padding-left: 32px;padding-top: 35px;height: 160px;}
.pro2_r .pro2_list h4 a{ display: block;width:150px ;float: left;padding-left: 16px;background:url(../images/pro_yuan.png) no-repeat left;box-sizing: border-box;line-height: 42px;font-weight: normal;font-size: 16px;color: #666666;}
.pro2_r .pro2_list h4:nth-child(3n+1) a{width: 190px;}
.pro2_r .pro2_list h4 a:hover{ color: #de4131;}
.pro2_r .zs{ position: relative;overflow: hidden;
    padding-top: 53px;}
.pro2_r .zs li{ float: left;margin-right:21px ;width:285px;background: #fff;}
.pro2_r .zs li img{ display: block;box-sizing: border-box;margin: 20px auto;
    width: 85%;}
.pro2_r .zs li span{ display: block;width: 80%;margin: 0 auto;text-align: center;font-size: 16px;line-height: 30px;color: #666;padding-top:15px;
    padding-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    
 .pro2_r .zs2 li{ float: left;margin-right:21px ;width:284px;background: #fff;}
 .pro2_r .zs2 li:last-child{ margin-right:0;}
.pro2_r .zs li img{ display: block;box-sizing: border-box;margin: 20px auto;
    width: 85%;}
.pro2_r .zs li span{ display: block;width: 80%;margin: 0 auto;text-align: center;font-size: 16px;line-height: 30px;color: #666;padding-top:15px;
    padding-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.pro2_r .zs2 li img{ display: block;box-sizing: border-box;margin: 20px auto;
    width: 85%;}
.pro2_r .zs2 li span{ display: block;width: 80%;margin: 0 auto;text-align: center;font-size: 16px;line-height: 30px;color: #666;padding-top:15px;
    padding-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    
.pro2_r .sprev{position: absolute;right:56px;top:0px;width:34px;height: 34px;background:url(../images/prev.jpg) no-repeat;z-index: 10;cursor: pointer;}
.pro2_r .snext{position: absolute;right:4px;top:0px;width:34px;height: 34px;background:url(../images/next.jpg) no-repeat;z-index: 10;cursor: pointer;}
/*.pro2_r .sprev:hover{ background: url(../images/sprevh.png) no-repeat;}*/
/*.pro2_r .snext:hover{ background: url(../images/snexth.png) no-repeat;}*/
.pro3{ margin-top: 39px;}
.pro3 li{float: left;position: relative;width: 290px;height: 386px;margin-right: 13.3px;}
.pro3 li:nth-child(4){ margin-right: 0;}
.pro3 li i{display:block;width: 290px;height: 386px;overflow:hidden;background: url("../images/probg.jpg") center no-repeat;background-size: cover;}
.pro3 li img{width: 290px;height: 386px;transition:all 0.5s;}
.pro3 li:hover img{ transform:scale(1.05);}

.pro3 li h4{ display: block;position: absolute;left: 0; overflow:hidden;white-space:nowrap; text-overflow: ellipsis; bottom: 0;height: 50px;line-height: 50px;background: rgba(0,0,0,0.7);width:100%;text-align: center;font-size: 18px;color: #FFFFFF;font-weight: normal;}
.prot{margin-top: 14px;width: 100%;height: 92px;border-radius: 8px;background: #f08230;}
.prot_l h2{ display: block;float: left;width: 250px;margin-right: 30px;}
.prot_l h2 b{display:block;font-size: 24px;color: #fff;line-height: 24px;font-weight: bold;padding-top: 24px;text-align: center;}
.prot_l h2 em{display:block;font-size: 14px;line-height:14px;color: #fff;margin-top: 9px;opacity: 0.5;font-weight: 200;text-transform: uppercase;text-align: center;}
.prot_r{ height: 92px;line-height: 92px;}
.prot_r  h4 a{ display: block;float: left;padding-left: 16px;background:url(../images/pro_t.png) no-repeat left;box-sizing: border-box;line-height: 92px;font-weight: normal;font-size: 16px;color: #ffffff;margin-right: 53px;}


.xad{ height: 317px;background: url(../images/xad_bg.jpg) no-repeat center;}
.xad h2{ display: block;font-size:36px;line-height: 36px;color: #ffffff;padding-top: 67px;font-family: 思源黑体 CN;font-weight: normal;}
.xad h3{ display: block;font-size:32px;line-height: 32px;color: #fff;padding-top: 37px;font-family: 思源黑体 CN;font-weight: normal;}
.xad p{ display: block;padding-top: 46px;}
.xad p a{ display: block;float: left;width: 146px;height: 40px;line-height: 40px;color: #fff;text-align: center;font-size: 18px;background: #f08230;border-radius: 20px;margin-left: 148px;margin-right: 22px;}
.xad p a:hover {
    -webkit-animation: shake 1.5s linear;
    animation: shake 1.5s linear;
}
.xad p b{ font-size: 30px;color: #ffffff;font-family: Arial;line-height: 40px;vertical-align: middle;}

.fw{ padding-top: 80px;}
.fw_con{ margin-top: 42px;margin-bottom: 20px;}
.fw_con li{ float: left;width: 218px;margin-right:27.5px;transition:all 0.3s;position: relative;}
.fw_con li:nth-child(5){ margin-right: 0;}
.fw_con li img{ display: block;width: 218px;height: 291px;}
.fw_con li span{ height: 70px;width: 218px;background: #404040;text-align: center;display: block;}
.fw_con li span b{ display: block;font-size: 20px;line-height: 20px;text-align: center;color: #fff;padding-top: 18px;}
.fw_con li span em{ display: block;font-size: 12px;line-height: 12px;text-align: center;color: #fff;padding-top: 8px;opacity: 0.2;text-transform: uppercase;}
.fw_con li p{position: absolute;left: 0;top: 0;width: 100%;height: 0;background:rgba(0,166,182,0.8);font-size: 14px;color: #fff;line-height: 28px;text-align: center;display: none;padding: 0 24px;box-sizing: border-box;}
.fw_con li p i{ display: block;font-size: 20px;line-height: 20px;text-align: center;color: #fff;padding-top: 97px;font-weight: bold;padding-bottom: 30px;}
.fw_con li:hover p{ height: 291px;display: block;}
.fw_con li:hover{ margin-top: -5px;}

.ys{padding-top: 80px;height: 1286px;background: url(../images/ys_bg.jpg) no-repeat center;box-sizing: border-box;}
.ys_con{ margin-top: 100px;}
.ys_con .ys1{ height: 460px;}
.ys_con .ys1 dt{display: block;width: 960px;height: 460px;margin-left: -360px;float: left; }
.ys_con .ys1 dt img{display: block;width: 960px;height: 460px; }
.ys_con .ys1 dd{ float: right;width: 546px;padding-top:50px ;}
.ys_con .ys1 dd p{height: 182px;}
.ys_con .ys1 dd p img{ display: block;width:53px ;height: 35px;float: left;}
.ys_con .ys1 dd p em{ display: block;width: 470px;float: right;}
.ys_con .ys1 dd p span{ display: block;font-size:28px ;color: #333333;line-height: 36px;}
.ys_con .ys1 dd p span b{ margin-left: 20px;}
.ys_con .ys1 dd p i{ font-size: 15px;line-height: 25px;color: #666;padding-top: 10px;display: block;}
.ys_con .ys2{ height: 460px;margin-top: 39px;}
.ys_con .ys2 dt{display: block;width: 960px;height: 460px;margin-right: -360px;float: right; }
.ys_con .ys2 dt img{display: block;width: 960px;height: 460px; }
.ys_con .ys2 dd{ float: left;width: 510px;padding-top: 88px;}
.ys_con .ys2 dd p{height: 218px;}
.ys_con .ys2 dd p:last-child{ margin-bottom: 0;}
.ys_con .ys2 dd p img{ display: block;width:56px ;height: 36px;float: left;}
.ys_con .ys2 dd p em{ display: block;width: 434px;float: right;}
.ys_con .ys2 dd p span{ display: block;font-size:28px ;color: #333333;line-height: 36px;}
.ys_con .ys2 dd p span b{ margin-left: 20px;}
.ys_con .ys2 dd p i{ font-size: 15px;line-height: 25px;color: #666;padding-top: 10px;display: block;}
.ys_con .ys1 dd p:nth-child(2) span b,.ys_con .ys2 dd p:nth-child(2) span b{ margin-right: 20px;margin-left: 0;}


.case{ padding-top: 100px;}
.case_list{margin-top: 40px;height: 421px;}
.case_list dt{height: 421px;overflow: hidden;float: left;width: 842px;}
.case_list dt img{width: 842px;height: 421px;transition: all 0.5s;}
.case_list dt:hover img{transform: scale(1.05);}
.case_list dd{width: 358px;padding: 70px 32px 0;height: 421px;background: #de4131;box-sizing: border-box;float: right;}
.case_list dd h4 a{font-size: 20px;color: #ffffff;line-height: 30px;font-weight: bold;display: block;}
.case_list dd p{font-size: 16px;color: #ffffff;line-height: 30px;opacity: 0.8;margin-top: 28px;letter-spacing: 1px;}
.case_list dd .more{display: block;width:140px;height:42px;border:1px dashed rgba(255,255,255,0.8);
border-radius:21px;color: #fff;text-align: center;font-size: 18px;background: 0;line-height: 42px;margin-top: 42px;}
.case_con{ margin-top: 25px;margin-bottom: 94px;height: 341px;}
.case_con dl{float: left;height: 341px;width: 382px;margin-right: 27px;position: relative;}
.case_con dl:nth-child(3){ margin-right: 0;}
.case_con  dt{height: 191px;overflow: hidden;width: 382px;}
.case_con  dt img{width: 382px;height: 191px;transition: all 0.5s;}
.case_con  dt:hover img{transform: scale(1.05);}
.case_con  dd{width: 382px;padding: 24px 20px 0px;height: 150px;background: #f2f2f2;box-sizing: border-box;}
.case_con  dd h4 a{font-size: 18px;color: #333;line-height: 18px;font-weight: bold;}
.case_con  dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 10px;}
.case_con  dd p a{ color: #f08230;}


.coop{ background: #f2f2f2;height: 470px;}
.coop h2{height: 90px;line-height: 90px;text-align: center;padding-top: 32px;}
.coop h2 b{display: inline-block;font-size: 30px;color: #333;position: relative;}
.coop h2 b:before{position: absolute;width: 63px;height: 5px;background: url(../images/coop_t1.png) no-repeat;content: "";left: -84px;top: 43px;}
.coop h2 b:after{position: absolute;width: 63px;height: 5px;background: url(../images/coop_t2.png) no-repeat;content: "";right: -84px;top: 43px;}
.coop li{float: left;width: 20%;border: 1px solid #dfdfdf;box-sizing: border-box;margin-right: -1px;margin-bottom: -1px;}
.coop li img{display: block;width: 100%;/*filter: grayscale(100%);*/}
.coop li:hover img{filter: grayscale(0);}
.coop li:hover{box-shadow:0px 0px 21px 0px rgba(5,5,5,0.11);z-index: 2;position: relative;}

.xgg{ height: 367px;background: url(../images/xgg_bg.jpg) no-repeat center;}
.xgg h2{ display: block;font-size:36px;line-height: 36px;color: #ffffff;padding-top: 76px;font-family: 思源黑体 CN;font-weight: normal;}
.xgg h2 b{ font-size: 36px;color: #fff;font-weight: normal}
.xgg h3{ display: block;font-size:36px;line-height: 36px;color: #fff;padding-top: 37px;font-family: 思源黑体 CN;font-weight: normal;}
.xgg p{ display: block;padding-top: 51px;
    font-size: 24px;
    color: #ffffff;
}
.xgg .more{
    display: block;
    width: 150px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #fff;
    margin-top: 17px;
    font-size: 16px;
    color: #de4131;
}
.xgg p a{ display: block;float: left;width: 146px;height: 40px;line-height: 40px;color: #fff;text-align: center;font-size: 18px;background: #f08230;border-radius: 20px;margin-right: 22px;}
.xgg p a:hover {
    -webkit-animation: shake 1.5s linear;
    animation: shake 1.5s linear;
}
.xgg .info{
    font-size: 16px;
    color: #ffffff;
    margin-top: 17px;
    line-height: 30px;
}
.xgg p b{ font-size: 30px;color: #ffffff;font-family: Arial;line-height: 40px;vertical-align: middle;}

.news{padding: 100px 0 ;}
.news h2{margin-bottom: 70px;font-size: 40px;color: #333;line-height: 40px;text-align: center;}
.news-l{float: right;width: 325px;position: relative;}
.news-l h4{height: 140px;background: #dc0617;padding-top: 36px;padding-left: 28px;box-sizing: border-box;}
.news-l h4 p a{font-size: 18px;color: #fff;}
.news-l h4 i{font-size: 18px;font-family: arial;line-height: 16px;font-weight: normal;margin-top: 16px;display: block;color: #F0F0F0;}
.news-l em{width: 325px;height: 295px;overflow: hidden;}
.news-l em img{width: 325px;height:295px;}


.news-r{width: 830px;float: left;padding-top: 8px;}
.news-r-t{border-left: 3px solid #de4131;}
.news-r-t h3{float: left;font-size: 18px;line-height: 18px;font-weight: normal;padding-left: 12px;}
.news-r-t h3 a{margin-right: 58px;position: relative;}
/*.news-r-t h3 a:first-child:after{background: url(../images/new-line.png) no-repeat;width: 1px;height: 22px;content: "";display: block;position: absolute;right: -27px;top: 0;}*/
.news-r-t h3 a.cur{font-weight: bold;color:#de4131;}
.news-r-t p{float: right;line-height: 18px;font-size: 14px;}
.news-r-t p a{color: #000000;text-decoration: underline;display: none;}
.news-r-c{margin-top: 30px;}
.news-r-c dl{margin-bottom: 26px;}
.news-r-c dt{height: 110px;border-bottom: 1px solid #dddde1;float: left;width: 680px;box-sizing: border-box;padding-top: 13px;}
.news-r-c dt h4 a{font-size: 16px;line-height: 16px;color: #282828;display: block;margin-bottom: 13px;}
.news-r-c dt p{font-size: 14px;line-height: 22px;color: #666;padding-right:20px;}
.news-r-c dd{width: 150px;height: 110px;text-align: right;float: right;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;color: #333333;padding-top: 27px;box-sizing: border-box;border-bottom: 1px solid #dddde1;}
.news-r-c dd em{font-size: 48px;display: block;line-height: 80%;font-weight: bold;}
.news-r-c dd i{display: block;font-size: 16px;line-height: 80%;margin-top: 7px;}



.abt{height: 750px;background:url(../images/abt_bg.jpg) no-repeat center;}

.abt dl{height: 598px;padding-top: 29px;}
.abt dt{float: left;margin-left: -224px;position:relative;}
.abt dt i{display:block;width: 875px;height: 598px;position:absolute;left:0;top:0;}

.abt dt img{width: 875px;height: 598px;}
.abt dd{float: right;width: 548px;padding: 0 70px;box-sizing: border-box;}
.abt_desc{padding-top: 70px;}
.abt_desc h3{font-size: 16px;line-height: 36px;color: #333333;height: 36px;border-bottom: 1px solid #979797;font-family: Arial;font-style: italic;}
.abt_desc h4 a{font-size: 40px;line-height: 40px;color: #333333;padding-top: 50px;display: block;}
.abt_desc h4 a b{ display: inline-block;margin: 0 24px;color: #333333;}


.abt_desc p{font-size: 14px;color: #666666;line-height: 36px;margin-top: 31px;}
.abt_desc p a{color: #dc0617;float: right;}
.abt_t li{ float: left;margin-right: 105px;position: relative;margin-top: 54px;}
.abt_t li em{ display: block;width: 46px;height: 46px;margin: 0 auto;overflow:hidden;}
.abt_t li em img{ display: block;width: 46px;height: 46px;transition: all 0.3s;}
.abt_t li span{ display: block;font-size:16px ;line-height: 16px;color: #333333;margin-top: 10px;text-align: center;}
.abt_t li:hover em img:nth-child(1) {margin-top:-46px;}
.abt_t li:hover span{color: #dc0617; }
.abt_t li:last-child{ margin-right: 0;}

.jyfc{height: 230px;margin-top: 50px;}
.jyfc h3{float: left;width: 280px;height: 150px;}
.jyfc_list{float: right;width: 848px;}
.jyfc_list li{float: left;width: 200px;margin-right: 16px;}
.jyfc_list li img{display: block;width: 200px;height: 150px;}
.jyfc_list li span{display: block;font-size: 14px;color: #666;line-height: 40px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}




html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}